﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/table.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/dwz/themes/default/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="${ctx}/dwz/themes/css/core.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="${ctx}/ztree/css/zTreeStyle/zTreeStyle.css" />

<link type="text/css" href="${ctx}/jquery/ui/css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />

<script type="text/javascript" src="${ctx}/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript"	src="${ctx}/jquery/ui/js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="${ctx}/ztree/js/jquery.ztree.all.min.js" type="text/javascript"></script>

<script type="text/javascript">
    //集成jquery ztree插件
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };
    var zNodes =[
        {id:"000",pId:"0",name:"外汇局业务办公系统",open:true},
        {id:"200",pId:"000",name:"境外业务"},
        {id:"2001",pId:"200",name:"登记管理"},
        {id:"2002",pId:"200",name:"境外放款"},
        {id:"300",pId:"000",name:"IC卡业务"},
        {id:"3001",pId:"300",name:"办卡业务"},
        {id:"3002",pId:"300",name:"销卡业务"},
        {id:"400",pId:"000",name:"组织机构"},
        {id:"4001",pId:"400",name:"机构维护"},
        {id:"40011",pId:"4001",name:"新增机构"}
    ];

    $(function() {
        //集成jquery多tab页
        $('#tabs').tabs();
        $.fn.zTree.init($("#detail_tree"), setting, zNodes);
    });
</script>
<table border="0" cellpadding="0" cellspacing="0" class="table_border">
    <tr>
        <td>
            <table width="100%" border="0" cellpadding="0" cellspacing="0"
                class="table_right">
                <tr>
                    <td>
                        <font style="font-size: 12px"><strong>角色详细信息</strong></font>
                    </td>
                    <td width="25" height="26" align="right">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr height="50">
        <td>
            <div id="tabs">
                <ul>
                    <li style="font-size: 12px;">
                        <a href="#tabs-1">角色信息</a>
                    </li>
                    <li style="font-size: 12px;">
                        <a href="#tabs-2">许可信息</a>
                    </li>
                </ul>
                <div id="tabs-1" style="background: #FFFFFF; font-size: 12px;">
                    代码：0001
                    <br />
                    <br />
                    名称：系统管理员
                    <br />
                    <br />
                    描述：系统管理员
                </div>
                <div id="tabs-2" style="background: #FFFFFF">
                    <table>
                        <tr>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                <ul id="detail_tree" class="ztree">
                                </ul>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </td>
    </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
	class="table_padding">
	<tr>
		<td height="21" align="right">
			<table align="left">
				<tr>
					<td width="50px"><a class="button" href="javascript:void(0)" onclick="window.history.back()"><span>返回</span></a></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
